<template>
    <div>
      <ul class="photo-ul">
            <li class="photo-li" v-for="item in list" :key="item.id">
                <img class="leftImage" v-lazy="item.src" @click="abb(item)">
                <div class="photo-content" v-text="item.brief">
                    
                </div>
            </li>
        </ul>
    </div>
</template>  
<script>
import mui from '../../../../lib/MUI/js/mui.min.js';
// import mui1 from '../../../../lib/MUI/js/mui.zoom.js';
// import mui2 from '../../../../lib/MUI/js/mui.previewimage.js';
// import mui3 from '../../../../lib/MUI/css/mui.min.css'
export default {
    
     data(){
        return{
           list:[
                // {id:1,title:"柳岩（Ada），1980年11月8日出生于湖南衡阳，中国内地女演员、歌手、主持人。2000年，柳岩担任广东有线广播电视台信息频道《财经新闻》主持人，从而开始了她的主持生涯。2002年，参加湖南公共频道生活时尚资讯类节目《太太抢鲜看》的录制，担任主持人。2004年，担任广东卫视资讯栏目《粤港澳零距离》主播。",src:"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2726033841,3863445941&fm=26&gp=0.jpg",},
                // {id:2,title:"杨幂，1986年9月12日出生于北京市，中国内地影视女演员、流行乐歌手、影视制片人。2005年，杨幂进入北京电影学院表演系本科班就读。2006年，杨幂因出演金庸武侠剧《神雕侠侣》而崭露头角。2008年，她凭借古装剧《王昭君》获得了第24届中国电视金鹰奖观众喜爱的电视剧女演员奖提名。2009年，杨幂在“80后新生代娱乐大明星”评选活动中与其她三位女演员共同被评为“四小花旦”。2011年，杨幂凭借穿越",src:"https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1679154647,3033397483&fm=26&gp=0.jpg"},
                // {id:3,title:"刘亦菲，1987年8月25日出生于湖北省武汉市，华语影视女演员、歌手，毕业于北京电影学院2002级表演系本科班。2002年主演个人首部电视剧《金粉世家》，从而踏入演艺圈。2003年因主演武侠剧《天龙八部》崭露头角。2004年凭借仙侠剧《仙剑奇侠传》赵灵儿一角获得了高人气与关注度。",src:"http://img0.imgtn.bdimg.com/it/u=3477223311,2146285093&fm=26&gp=0.jpg"},
                // {id:4,title:"刘诗诗，原名刘诗施，1987年3月10日出生于北京市，中国内地影视女演员、影视出品人。2002年，考入北京舞蹈学院芭蕾舞专业本科班学习。2004年，因在爱情剧《月影风荷》中饰演女主角叶风荷而踏入演艺圈。2010年，凭借仙侠剧《仙剑奇侠传三》受到更多关注。2011年，因在宫廷剧《步步惊心》中饰演马尔泰·若曦而赢得颇高人气，并获得第十八届上海电视节白玉兰奖最具人气女演员奖。",src:"http://img5.imgtn.bdimg.com/it/u=3768781350,2037358233&fm=26&gp=0.jpg"},
                // {id:5,title:"赵丽颖，1987年10月16日出生于河北省廊坊市，中国内地影视女演员、歌手。2006年，因获得雅虎搜星比赛冯小刚组冠军而进入演艺圈；同年，在冯小刚执导的广告片《跪族篇》中担任女主角。2011年，因在古装剧《新还珠格格》中饰演晴儿一角而被观众认识。2013年，凭借古装剧《陆贞传奇》获得更多关注。2014年10月，在第10届金鹰电视艺术节举办的投票活动中被选为“金鹰女神”；",src:"http://img1.imgtn.bdimg.com/it/u=2250304532,2740944459&fm=26&gp=0.jpg"},
                // {id:6,title:"迪丽热巴（Dilraba），1992年6月3日出生于新疆乌鲁木齐市，中国内地影视女演员、歌手，毕业于上海戏剧学院。2013年，迪丽热巴因主演个人首部电视剧《阿娜尔罕》而出道。2014年，她主演了奇幻剧《逆光之恋》。2015年，迪丽热巴凭借爱情剧《克拉恋人》赢得高人气，并获得国剧盛典最受欢迎新人女演员奖。2016年，其主演的现代剧《麻辣变形计》播出；",src:"http://n.sinaimg.cn/sinacn/w640h933/20180226/0c86-fyrwsqi3615390.jpg"},
                // {id:7,title:"唐嫣，1983年12月6日出生于上海市，毕业于中央戏剧学院表演系本科班，中国内地影视女演员。2001年，参加第三届舒蕾世纪星选美比赛获得冠军。2004年，因被导演张艺谋选中成为“奥运宝贝”之一，参加雅典奥运会闭幕式“中国8分钟”而被观众熟知。2009年，凭借古装仙侠剧《仙剑奇侠传三》获得关注。2011年1月22日，其主演的都市言情剧《夏家三千金》取得卫视年度收视冠军，",src:"http://img2.imgtn.bdimg.com/it/u=4148927152,2844595100&fm=26&gp=0.jpg"},
                // {id:8,title:"范冰冰，1981年9月16日出生于山东青岛，华语影视女演员、制片人、歌手，毕业于上海师范大学谢晋影视艺术学院。1996年出演电视剧《女强人》，1998年主演电视剧《还珠格格》获得广泛关注，2002年主演电影《一见钟情》涉足影坛。2004年凭借冯小刚执导的电影《手机》获得第27届大众电影百花奖最佳女主角。",src:"http://img4.imgtn.bdimg.com/it/u=2101323169,1721484579&fm=26&gp=0.jpg"},
                // {id:9,title:"林允儿（Yoona），1990年5月30日出生于韩国首尔永登浦区，韩国女歌手、演员、主持人，女子演唱团体少女时代成员之一。2002年，林允儿参加韩国SM娱乐有限公司的选秀而进入SM公司成为旗下练习生。2007年8月5日，以演唱团体少女时代成员身份正式出道。2008年，主演情感剧《你是我的命运》获得第45届韩国百想艺术大赏电视剧类最佳新人女演员奖和人气女演员奖。",src:"http://img2.imgtn.bdimg.com/it/u=251146517,1253579151&fm=26&gp=0.jpg"},
                // {id:10,title:"古力娜扎（Gulnazar），1992年5月2日出生于新疆乌鲁木齐市，中国内地影视女演员、时尚模特。2011年，古力娜扎考入北京电影学院表演系本科班就读；同年，她签约上海唐人电影制作有限公司，并出演个人首部电视剧《轩辕剑之天之痕》，而她也因此被观众熟知。此后两年，古力娜扎转战大银幕，并出演了警匪片《警察故事2013》、悬疑片《全城通缉》等电影作品。",src:"http://img2.imgtn.bdimg.com/it/u=2358925459,2977463981&fm=26&gp=0.jpg"},
                
            ]
        }
    },
    methods:{
        abb(item){
            this.$router.push({name:"photodetaile",params:{item}});

        }
    },
    // created(){
    //     this.$http.post('http://192.168.0.197:88/getImgs',{belongId:this.$route.query.id},{emulateJSON:true}).then(function(res){

    //             console.log(this.$route.query.id)
    //                 this.list= res.body.data;  
    //     },function(res){
    //             console.log(res.status);
    //     });
    // },
    mounted(){
        // mui.previewImage();
        
        mui('.mui-scroll-wrapper').scroll({
	    deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
        });
        // this.$http.post('http://192.168.0.197:88/getImgs',{belongId:this.$route.query.id},{emulateJSON:true}).then(function(res){
                
        //         console.log(this.$route.query.id)
        //             this.list= res.body.data;  
        // },function(res){
        //         console.log(res.status);
        // });

    },
    watch:{
        $route(to,from){
           this.$http.post('http://192.168.0.197:88/getImgs',{belongId:this.$route.query.id},{emulateJSON:true}).then(function(res){
             
                console.log(this.$route.query.id)
                    this.list= res.body.data;  
        },function(res){
                console.log(res.status);
        });
        }
    }
    
     
}

</script>

<style scoped>
    *{
        list-style: none;
        padding: 0;
        
        
    }
    /* img[lazy=loading] {
        width: 40px;
        height: 300px;
        margin: auto;
    } */
    .photo-ul{
        width: 90%;
        height: 200px;
        margin: auto;
        margin-top: 20px
    }
    .photo-li{
        position: relative;
        text-align: center;
        height: auto;
        margin-bottom: 10px;
        
    }
    img[lazy=loaded] {
        width: 100%;
        height: 100%;    
    }
    /* .photo-li img{
        
        
    } */
     .photo-content{
        width: 100%;
        /* height: 100px; */
        height:80px;
        position:absolute;
        bottom: 0;
        background: rgba(000, 000, 000, 0.2);
        color:white;
        overflow: hidden;
 
    }
    .photo-span{
        background-color: white;
    } 
    .photo-li:last-child{
        margin-bottom: 50px
    }

    
</style>